Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Subscribe cancel handle movement #384

Merged
merged 5 commits into from
Jan 27, 2025

Conversation

dolezaljan
Copy link
Contributor

@dolezaljan dolezaljan commented Jul 11, 2024

Issue

Consider having a touch screen where one tries to do a scroll of a component containing ngx-slider. If the scroll touch gesture is started on the ngx-slider bar the value of the ngx-slider is changed to where the touch occurred. One might want the value not to be changed.

Solution

This allows parent component containing ngx-slider to issue an event informing the ngx-slider to basically not take an action upon this touch event. I.e. the parent decides whether touch event belongs to ngx-slider or not.

Limitations / Future work

The handle movement is started and after the cancel event it moves back to the original position. Some other solution that would prevent such a "glitch" completely could be nice.

Closes #139

This is especially useful when scrolling on the mobile device so that
the slider value change is cancelled when the scroll is detected on
arbitrary scrollable container component.
@dolezaljan dolezaljan force-pushed the cancel-handle-movement branch from d38af6e to b4acc46 Compare July 11, 2024 14:03
…ct if no movement occured

multiple sliders might be subscribed to the same cancel EventEmitter but
typically only one actually needs to act upon the cancel event
@dolezaljan
Copy link
Contributor Author

example.webm

…dentifier matches API docs keyword better (cancelHandleMovement -> cancelUserChange)
Copy link
Member

@piotrdz piotrdz left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks good. I will merge and release in 19.0.0 release.

@piotrdz piotrdz merged commit 3af8e05 into angular-slider:master Jan 27, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Lock drag event in different directions then slider is set for
2 participants